@import "../_function";
@import "../_mixin";
@import "../_variables";

.bargain-item {
	display: flex;
	padding: pr(20);
	height: pr(330);
	border-top: 1px solid $borderColor;
	.bargain-item-image {
		width: pr(330);
		padding-top: pr(330);
		border-radius: pr(10);
		overflow: hidden;
		background: $bgColor;
		position: relative;
		img {
			position: absolute;
			top: 0;
			width: 100%;
		}
	}
	.bargain-item-detail {
		margin-left: pr(28);
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		.bargain-item-detail-title {
			.bargain-item-detail-title {
				font-size: pr(42);
				@include text-ellipsis
			}
			.bargain-item-detail-characteristic {
				margin-top: pr(30);
				font-size: pr(32);
				color: $describeColor;
				@include text-ellipsis
			}
		}
		.bargain-item-detail-price {
			display: flex;
			justify-content: space-between;
			font-size: pr(36);
			text-align: center;
			.bargain-item-detail-price-min {
				p:first-child {
					color: $priceColor;
					font-weight: bold;
				}
			}
			.bargain-item-detail-price-original, .bargain-item-detail-price-stores {
				color: $describeColor;
			}
		}
	}
}
